<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>筑梦大数据 - 我的职业成长之路</title>
    <link rel="stylesheet" href="styles.css">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/mermaid@10.6.1/dist/mermaid.min.js"></script>
</head>
<body>
    <!-- 导航栏 -->
    <nav class="navbar">
        <div class="nav-container">
            <h1 class="nav-title">筑梦大数据</h1>
            <button class="nav-toggle" id="navToggle">
                <span></span>
                <span></span>
                <span></span>
            </button>
            <ul class="nav-menu" id="navMenu">
                <li><a href="#cover" class="nav-link">封面</a></li>
                <li><a href="#directory" class="nav-link">目录</a></li>
                <li><a href="#goal" class="nav-link">职业目标</a></li>
                <li><a href="#plan" class="nav-link">成长计划</a></li>
                <li><a href="#results" class="nav-link">实践成果</a></li>
                <li><a href="#optimization" class="nav-link">动态优化</a></li>
            </ul>
        </div>
    </nav>

    <!-- 主容器 -->
    <main class="main-container">
        <!-- 1. 封面 -->
        <section id="cover" class="slide slide-cover">
            <div class="slide-content">
                <h1 class="slide-title">筑梦大数据</h1>
                <h2 class="slide-subtitle">我的职业成长之路</h2>
                <p class="slide-info">大连大学 2025级 梁婧婕 | 成长赛道参赛展示</p>
                <div class="speaker-notes">
                    <button class="notes-toggle" onclick="toggleNotes('notes-cover')">
                        <i class="fas fa-microphone"></i> 演讲者备注
                    </button>
                    <div class="notes-content" id="notes-cover">
                        <ul>
                            <li>开场 5 秒停顿，目光环视评委</li>
                            <li>右手示意屏幕——"今天带你走进我的大数据筑梦之旅"</li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>

        <!-- 2. 目录 -->
        <section id="directory" class="slide slide-directory">
            <div class="slide-content">
                <h2 class="slide-title">目录</h2>
                <div class="directory-grid">
                    <a href="#goal" class="directory-item">
                        <div class="directory-icon">🎯</div>
                        <h3>职业目标定位</h3>
                    </a>
                    <a href="#plan" class="directory-item">
                        <div class="directory-icon">📈</div>
                        <h3>成长计划与行动</h3>
                    </a>
                    <a href="#results" class="directory-item">
                        <div class="directory-icon">🏆</div>
                        <h3>实践成果展望</h3>
                    </a>
                    <a href="#optimization" class="directory-item">
                        <div class="directory-icon">🔄</div>
                        <h3>动态优化机制</h3>
                    </a>
                </div>
            </div>
        </section>

        <!-- 3. 职业目标 -->
        <section id="goal" class="slide slide-goal">
            <div class="slide-content">
                <h2 class="slide-title">职业目标：大数据工程技术人员</h2>
                <div class="goal-table">
                    <div class="goal-column">
                        <h3>行业需求</h3>
                        <p>2025 年大数据人才缺口 200 万，年增速 30%</p>
                    </div>
                    <div class="goal-column">
                        <h3>职业认知</h3>
                        <p>负责数据采集→清洗→建模→可视化，需 Python/SQL/Hadoop</p>
                    </div>
                    <div class="goal-column">
                        <h3>个人适配</h3>
                        <p>兴趣+专业+能力三维契合，SWOT 分析见右图</p>
                    </div>
                </div>
                <div class="swot-diagram">
                    <div class="swot-item swot-strength">
                        <h4>优势</h4>
                        <ul>
                            <li>数学基础扎实</li>
                            <li>编程兴趣浓厚</li>
                        </ul>
                    </div>
                    <div class="swot-item swot-weakness">
                        <h4>劣势</h4>
                        <ul>
                            <li>项目经验不足</li>
                            <li>行业认知有限</li>
                        </ul>
                    </div>
                    <div class="swot-item swot-opportunity">
                        <h4>机会</h4>
                        <ul>
                            <li>行业快速发展</li>
                            <li>校企合作机会</li>
                        </ul>
                    </div>
                    <div class="swot-item swot-threat">
                        <h4>威胁</h4>
                        <ul>
                            <li>竞争激烈</li>
                            <li>技术更新快</li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>

        <!-- 4. 大一计划 -->
        <section id="plan" class="slide slide-plan">
            <div class="slide-content">
                <h2 class="slide-title">成长计划 · 大一：基础积累</h2>
                <div class="mermaid-container">
                    <div class="mermaid">
                        gantt
                            title 大一学年时间轴
                            dateFormat  MM
                            section 学业
                                Python程序设计 :a1, 09-12, 3
                                高数+线代      :a2, 09-01, 4
                            section 证书
                                Python一级     :b1, 11, 1
                            section 实践
                                数据社小项目   :c1, 10-12, 2
                    </div>
                </div>
                <div class="plan-details">
                    <div class="plan-card">
                        <h3>学业目标</h3>
                        <ul>
                            <li>掌握Python基础语法</li>
                            <li>完成高数、线代课程</li>
                            <li>GPA达到3.5以上</li>
                        </ul>
                    </div>
                    <div class="plan-card">
                        <h3>技能证书</h3>
                        <ul>
                            <li>考取Python一级证书</li>
                            <li>学习SQL基础</li>
                            <li>熟悉Linux基本操作</li>
                        </ul>
                    </div>
                    <div class="plan-card">
                        <h3>实践项目</h3>
                        <ul>
                            <li>参与数据社小型项目</li>
                            <li>完成数据分析案例</li>
                            <li>建立个人技术博客</li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>

        <!-- 5. 实践成果 -->
        <section id="results" class="slide slide-results">
            <div class="slide-content">
                <h2 class="slide-title">实践成果展望</h2>
                <div class="results-grid">
                    <div class="result-item">
                        <div class="result-icon">📊</div>
                        <h3>数据可视化项目</h3>
                        <p>完成3个数据可视化案例，包括销售数据分析、用户行为分析等</p>
                    </div>
                    <div class="result-item">
                        <div class="result-icon">🤖</div>
                        <h3>机器学习模型</h3>
                        <p>构建预测模型，准确率达到85%以上，应用于实际业务场景</p>
                    </div>
                    <div class="result-item">
                        <div class="result-icon">🏅</div>
                        <h3>竞赛获奖</h3>
                        <p>参加大数据竞赛，争取获得省级以上奖项</p>
                    </div>
                    <div class="result-item">
                        <div class="result-icon">💼</div>
                        <h3>实习经历</h3>
                        <p>在大数据公司实习，积累实际工作经验</p>
                    </div>
                </div>
            </div>
        </section>

        <!-- 6. 动态优化 -->
        <section id="optimization" class="slide slide-optimization">
            <div class="slide-content">
                <h2 class="slide-title">动态优化机制</h2>
                <div class="optimization-content">
                    <div class="optimization-cycle">
                        <h3>持续改进循环</h3>
                        <div class="cycle-steps">
                            <div class="step">
                                <div class="step-number">1</div>
                                <h4>评估</h4>
                                <p>定期评估学习进度和技能掌握情况</p>
                            </div>
                            <div class="step">
                                <div class="step-number">2</div>
                                <h4>调整</h4>
                                <p>根据评估结果调整学习计划</p>
                            </div>
                            <div class="step">
                                <div class="step-number">3</div>
                                <h4>执行</h4>
                                <p>实施新的学习计划</p>
                            </div>
                            <div class="step">
                                <div class="step-number">4</div>
                                <h4>反馈</h4>
                                <p>收集反馈并记录改进效果</p>
                            </div>
                        </div>
                    </div>
                    <div class="optimization-tools">
                        <h3>优化工具</h3>
                        <ul>
                            <li>每月技能自评表</li>
                            <li>季度目标回顾</li>
                            <li>导师指导反馈</li>
                            <li>同行交流分享</li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <!-- 返回顶部按钮 -->
    <button id="backToTop" class="back-to-top">
        <i class="fas fa-chevron-up